﻿body.clear_bg {background:none; margin:0; padding:0;}
body.error_pages { background:url(/v3/images/ET-404-bg.jpg) no-repeat, url(/v3/images/ET-404-bg.jpg) repeat left top; background-size:110% 650px, auto auto; }
body { background:url(/v3/images/bg-site.jpg) no-repeat, url(/v3/images/bg-content.jpg) repeat left top; background-size:110% 650px, auto auto; }               
#content.v3_join_bg { background:url(/v3/images/join-bg.jpg) no-repeat, url(/v3/images/bg-content.jpg) repeat left top; background-size:110% 650px, auto auto; }
#content.v3_bg_none { background:none;}
            
    .search_section { min-height:200px;}        
    .search_section h2{ width:230px;float:left;}    
    .search_section .search_result_note{ float:left;margin-top:10px;font-size:16px;}
    .search_section .search_result_note span { color: #0F8D99; font-weight: bold;}
    .search_section ul{ float: left; width: 100%; margin-top: 5px;}
	.search_section li{ float: left; width: 100%; margin: 1px 0; color: #545454;}
	.search_section li a{ color: #545454;}
	.search_section li a:hover{ text-decoration: underline;}

    .search_section .refine_result { border:3px solid #ebebeb; padding:10px 20px;color:#474747;font-size:15px; }
    .search_section .refine_result ul{ width:80%; margin-top:0px; float:left; }
    .search_section .refine_result ul li { float:left; width: auto; margin-right:30px;}
    .search_section .refine_result ul li label { cursor:pointer;}

    .search_section .result_tile {padding-bottom:20px; display:none;}
    .search_section .result_tile table { margin-top:20px; width:100%; }
    .search_section .result_tile table td{ float: left; width: 33%;}
    .search_section .result_tile table td .box{ margin:20px 10px; }
    .search_section .result_tile table td .box h4{ width: 95%; margin: 0px 10px; height:40px; overflow:hidden}
    .search_section .result_tile table td .link_video { width: 85%; border: 1px solid #d7d7d7; margin: 20px 10px; padding: 10px; background: #118D99; position:relative}
    .search_section .result_tile table td .link_video.disable{ background: #cdcdcd;}
    .search_section .result_tile table td .link_video img { display: block; width: 100%; max-height: 180px; background: url('/common/images/ajax-loader2.gif') no-repeat;}
    .search_section .result_tile table td .link_video .button_play{ position:absolute; top:40%; left:43%; width:40px; height:40px; background:url(../images/sprites-icon.png) no-repeat -288px -693px; }    
    .search_section .result_tile table td .link_video:hover .button_play { background-position:-355px -693px; }        

    .search_section .result_tile table td p { margin:0px 10px; }
    .search_section .result_tile table td p a{ color: #339b4e; text-decoration:underline}

    .search_section .result_list { margin-bottom:40px; display:none; }
    .search_section .result_list ul { list-style-type:none; margin:20px 20px; width:96%;}
    .search_section .result_list ul li{ margin:10px 0px;}
    .search_section .result_list ul li h4{ color:#0F8D99; padding-bottom:10px;}
    .search_section .result_list ul li h4 span{ font-size:12px;}
    .search_section .result_list ul li h4 span.gray{ color:#808080;}
    .search_section .result_list ul li a { text-decoration:none;}
    .search_section .result_list ul li a h4{ color:#0F8D99; padding-bottom:10px; }
    .search_section .result_list ul li a:hover h4{ text-decoration:underline}
    .search_section .result_list ul li a h4 span{ font-size:12px;}
    .search_section .result_list ul li a h4 span.gray{ color:#808080;}
    .search_section .result_list ul li p a { word-wrap:break-word;}
    
    .search_section .result_detail { padding-bottom:40px; display:none; padding-top:20px;}
    .search_section .result_detail ul { list-style-type:none; margin:20px 20px; width:96%;}
    .search_section .result_detail ul li{ margin:10px 0px;}
    .search_section .result_detail ul li h4{ color:#0F8D99; padding-bottom:10px;}
    .search_section .result_detail ul li h4 span{ font-size:12px;}
    .search_section .result_detail ul li h4 span.gray{ color:#808080;}
    .search_section .result_detail ul li a { text-decoration:none;}
    .search_section .result_detail ul li a h4{ color:#0F8D99; padding-bottom:10px; }
    .search_section .result_detail ul li a:hover h4{ text-decoration:underline}
    .search_section .result_detail ul li a h4 span{ font-size:12px;}
    .search_section .result_detail ul li a h4 span.gray{ color:#808080;}
    .search_section .result_detail ul li .col_img { width: 10%; float:left}
    .search_section .result_detail ul li .col_img img { }
    .search_section .result_detail ul li .col_detail { width: 85%; float:left;margin-left:20px;}
    .search_section .result_detail ul li p a { word-wrap:break-word;}

    .search_section .result_masonry { padding-bottom:20px; display:none; clear:both}

    .search_section .titlebox { margin-top:10px;display:none; font-size:14px;}
    .search_section .titlebox h4 { height:18px; background:#BFE1E3; color:#0A939D; padding:10px 0px;}        
    .search_section .titlebox h4 span { margin:0px 20px;}
    .search_section .titlebox.advance { }
    .search_section .titlebox.advance .col_checkbox{float:left; margin:15px 10px 15px 20px;}
    .search_section .titlebox.advance .col_new {float:left; margin:10px 0px;}
    .search_section .titlebox.advance .col_new img {float:left;margin-top:2px;}
    .search_section .titlebox.advance .col_new .unlock {line-height:200%;margin-left:10px;color:#339b4e; text-decoration:underline}
        
    
     .search_section a.show_more { margin-left:22px; color:#0F8D99; font-size:16px; font-weight:bold; }
     .search_section a.show_more:hover { margin-left:22px; color:#0F8D99; font-size:16px; font-weight:bold; text-decoration:underline;}

     .search_section .result_detail { padding-bottom:40px; display:none;}

    .search_section .refine_result.float { position: fixed;z-index: 9;top: 0px; background:#fff; width:100%;left:0px; border:none; padding:20px 40px; border-bottom:3px solid #ebebeb; min-width:900px }
    .search_section .refine_result.float  .box { width:27%; float:left; min-width:370px; margin-right:40px;}
    .search_section .refine_result.float  .box select { padding:3px 3px 3px 8px; margin: -1px 10px 0px 0px; -webkit-border-radius:4px; -moz-border-radius:4px;
                            border-radius:4px; background: #eeeeee; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; outline:none; display: inline-block;
                            -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #dbdbdb; height:33px; width:80px;
                            background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; }
    .search_section .refine_result.float  .box input { float: left; width: 145px; padding: 7px 10px; border: 1px solid #a1a1a1;}
    .search_section .refine_result.float  .box button { height: 30px; float: left; padding: 0 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase;
                                                        color: #fff; font-size: 11px; background: #0F8D99; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    .search_section .refine_result.float .box button:hover {background:#2DB1C0}
    .search_section .refine_result.float ul {width:53%; min-width:450px;font-size:14px;}
    .search_section .refine_result.float h6 {float:left; width:150px; margin-right:20px; }



.v3_default_container .video .video_head2 { background:url(/v3/images/v3-video-bg.jpg) no-repeat; background-size:100% 100%; height:410px; padding:20px; background:#000}
.v3_default_container .video .video_head { background:#000 url(/v3/images/v3-video-bg-right.png) no-repeat top right; height:410px; padding:20px; }
.v3_default_container .video .content { background:#fff; }
.v3_default_container .video .video_head .video_box { position:relative; width:580px;height:320px;background:#fff; }
.v3_default_container .video .video_head .video_box .video-player { display:block;width:580px;height:320px; }
.v3_default_container .video .video_head .video_box .button_play { position:absolute; top:35%; left:60%; width:40px; height:40px; background:url(../images/sprites-icon.png) no-repeat -288px -693px; }
.v3_default_container .video .video_head .video_box:hover .button_play { background-position:-355px -693px; }

.v3_default_container .video .video_head .video_title { background:url(/v3/images/white-translucent-bg.png) repeat; padding: 10px 0px 10px 30px; width:45%; margin-top:10px; margin-left:-20px;}
.v3_default_container .video .video_head .video_title h4 { font-family:Roboto;font-weight:normal; font-size:16px;}
.v3_default_container .video .video_head .video_title h2 { font-family:Roboto;font-weight:normal; font-size:24px; max-width:80%;}
.v3_default_container .video .video_head .video_where { position:absolute; right:0px;bottom:20px;width:45%;color:#fff;}
.v3_default_container .video .video_head .video_where p { font-family:Roboto; width:85%; }        
.v3_default_container .video .video_head .video_where .button_div{ padding-left:15%}        
.v3_default_container .video .video_head .col1 { float:left; width:50%; background:red}
.v3_default_container .video .video_head .col2 { float:left; width:50%; background:blue}
.v3_default_container .video .video_head a.button { float:left; padding: 10px 25px; width:210px; line-height: 32px; margin-left: 10px; display: block; cursor: pointer; text-decoration:none !important; text-align:center;font-size:14px !important;font-family: Roboto, Arial, Verdana; 
                    color: #fff; font-size: 13px; background: #77a932; border: none; -webkit-border-radius: 4px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff !important}
.v3_default_container .video .video_head a.button:hover{background:#629120;}
   
.v3_default_container .video .video_head .share { width:100%; float:none;clear:both; font-family:Arial;font-size:21px; color:#206d8d}    
.v3_default_container .video .video_head .share ul {}    
.v3_default_container .video .video_head .share ul li  { float:left; margin-right:5px; width:30px; }    
.v3_default_container .video .video_head .share ul li.text  { width:100px; line-height:200%;}    
.v3_default_container .video .video_head .share ul li a.share_icon { background: url(/v3/images/community-share_icon.png) no-repeat; width:30px; height:30px; display:block; float:left; margin-left:5px; margin-top:5px;}
.v3_default_container .video .video_head .share ul li a.share_icon.link{background-position: 0 0px;}
.v3_default_container .video .video_head .share ul li a.share_icon.link:hover{background-position: 0 -30px;}
.v3_default_container .video .video_head .share ul li a.share_icon.email{background-position: -37px 0px;}
.v3_default_container .video .video_head .share ul li a.share_icon.email:hover{background-position: -37px -30px;}
.v3_default_container .video .video_head .share ul li a.share_icon.facebook{background-position: -74px 0px;}
.v3_default_container .video .video_head .share ul li a.share_icon.facebook:hover{background-position: -74px -30px;}
.v3_default_container .video .video_head .share ul li a.share_icon.twitter{background-position: -111px 0px;}
.v3_default_container .video .video_head .share ul li a.share_icon.twitter:hover{background-position: -111px -30px;}
.v3_default_container .video .video_head .share ul li a.share_icon.gplus{background-position: -148px 0px;}
.v3_default_container .video .video_head .share ul li a.share_icon.gplus:hover{background-position: -148px -30px;}
.v3_default_container .video .video_head .share ul li a.share_icon.pinterest{background-position: -185px 0px;}
.v3_default_container .video .video_head .share ul li a.share_icon.pinterest:hover{background-position: -185px -30px;}
.v3_default_container .video .video_head .share ul li.last  { float:left; margin-left:10px }

.v3_default_container .video .content .col1 { float:left; width:60%}
.v3_default_container .video .content .col1 .wrap { margin:30px 30px 30px 30px;}
.v3_default_container .video .content .col2 { float:left; width:40%}
.v3_default_container .video .content .col2 .wrap { margin:30px 30px 30px 20px;}


.v3_default_container .video ul.list { float:left; width:97%; padding-left:0px; }
.v3_default_container .video ul.list li { float:left; width:100%; margin-bottom:5px; }
.v3_default_container .video ul.list li ul.level_cmt { float:left; width:87%; margin:10px 0 0 13%; }
.v3_default_container .video ul.list li .message { float:left; width:95%; background:#f9f9f9; border:1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px 10px 0px 15px}
.v3_default_container .video ul.list li .message .name { float:left; font-size:13px; font-weight:bold }
.v3_default_container .video ul.list li .message .time { float:right; font-size:11px; font-weight:normal; color:#999}
.v3_default_container .video ul.list li .message .name span { font-weight:normal }
.v3_default_container .video ul.list li .message .time span { font-weight:normal ; }
.v3_default_container .video ul.list li .message p { width:100%; display:block; }
.v3_default_container .video ul.list li .message li a { display:block; padding:3px 10px; font-size:11px; color:#fff; font-weight:bold; text-transform:none; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.v3_default_container .video ul.list li .message li.report a { background:#eeeeee; color:#999; }
.v3_default_container .video ul.list li .message li.report a:hover { background:#ddd; }
.v3_default_container .video ul.list li .message li.reply a { background:#eeeeee; color:#999;}
.v3_default_container .video ul.list li .message li.reply a:hover { background:#ddd; }
.v3_default_container .video ul.list li ul.level_cmt { float:left; width:95%; margin:10px 0 0 5%; }
.v3_default_container ul.list .button { float:right; }
.v3_default_container ul.list .button li { float:left; width:auto; margin-left:10px; }
.v3_default_container ul.list .button li a { display:block; padding:6px 25px; font-size:11px; color:#fff; font-weight:bold; text-transform:uppercase; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.v3_default_container ul.list .button li.report a { background:#dd7f66; }
.v3_default_container ul.list .button li.report a:hover { background:#c5725c; }
.v3_default_container ul.list .button li.reply a { background:#3ab652; }
.v3_default_container ul.list .button li.reply a:hover { background:#33a148; }

.v3_default_container .comments h2 { font-size:20px; padding:0px 0px 20px 0px; font-family:Roboto; font-weight:normal}
.v3_default_container .comments .input { float:left; width:100%; margin-top:20px; }
.v3_default_container .comments .input h3 { font-size:24px; font-weight:normal; color:#009300;padding-bottom:5px; }
.v3_default_container .comments .input textarea { float:left; width:96%; max-width:96%; min-width:96%; height:150px; min-height:150px; background:none; float:none; border:1px solid #ccc; font-family:Arial; margin-top:10px;}
.v3_default_container .comments .input .buttons { float:right; margin-top:20px; }	
.v3_default_container .comments .input label { width:100px; }	
.v3_default_container .comments .input input[type="text"], #reply_input input[type="text"]  { width: 80%; padding: 0 5px; margin-top:5px; margin-right: 10px; height: 30px; line-height: 35px; border: 1px solid #ccc; }

.v3_default_container  h5 { font-family:Raleway; font-size:20px; }
.v3_default_container .list_video li p { margin-top:0px;}

.share_refresh_icon {width:30px;height:30px;float:right;margin-top:5px; background:url(/v3/images/refresh.png) no-repeat; cursor:pointer}
.share_refresh_icon:hover{background-position:0px -30px; }
          

.green_button { font-family:Roboto; float: left; padding: 10px 35px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 14px; background: #4cca52; border: none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.green_button:hover {background:#35b03b; }
     
.blue_button { font-family:Arial; float: left; padding: 5px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 12px; background: #33a3d4; border: none; text-transform:uppercase; font-weight:bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.blue_button:hover {background:#1784b4; }

@media screen and (max-width: 1100px)
{
.v3_default_container .video .video_head .video_where { position:absolute; right:0px;bottom:20px;width:45%;color:#fff; width:36%; }
.v3_default_container .video .video_head .video_where h2 { font-size:20px;}
.v3_default_container .video .video_head .video_where p { font-family:Roboto; width:85%; }        
.v3_default_container .video .video_head .video_where .button_div{ padding-left:10%}        

}